import react from 'react';
import styles from './VoiceRecording.less';
import { VoiceRecordingProps } from './type';

export const VoiceRecording = ({ scenario, onStartRecording, onStopRecording, onPauseRecording, onResumeRecording, onCancelRecording }: VoiceRecordingProps) => {
    
    const startRecording = () => {
        onStartRecording?.();
    }
    const stopRecording = () => {
        onStopRecording?.();
    }
    const pauseRecording = () => {
        onPauseRecording?.();
    }
    const resumeRecording = () => {
        onResumeRecording?.();
    }
    const cancelRecording = () => {
        onCancelRecording?.();
    }   
    return <div className={styles.voice}>
        VoiceRecording {scenario}
    </div>
}